<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>
</head>

<body>
	<canvas width="500" height="500" id="canvas"></canvas>
	<script>
		let canvas = document.getElementById('canvas'),
			ctx = canvas.getContext('2d');
		ctx.beginPath();
		// ctx.arc(100, 75, 50, 0, 2 * Math.PI);
		ctx.arc(50, 50, 40, 0, 0.5 * Math.PI, false);
		ctx.stroke()
	</script>
</body>

</html>